div.row.p-t-1.p-b-1(v-if="joiner")
  div.col-xs-3
    div
      b
        | {{ broadName }}
        span(v-if="joiner.email === me.get('email')")
          = " "
          | {{ $t("share_licenses.you") }}
    div.small
      | {{ joiner.email }}

  div.col-xs-5(v-if="editing")
    b
      | {{ $t('share_licenses.licenses_limit') }}
      input(v-model="maxRedeemers" type="number" min=0 :max="prepaid.maxRedeemers")
  div.col-xs-5(v-else)
    b(v-if="joiner.licensesUsed === 1")
      | {{ $t("share_licenses.one_license_used", { all: joiner.maxRedeemers }) }}
    b(v-else)
      | {{ $t("share_licenses.licenses_used", { licensesUsed: joiner.licensesUsed, all: joiner.maxRedeemers }) }}

  div.col-xs-2
    b
      button.btn.btn-warning(v-if="joiner.email !== me.get('email') && editing" type="button", v-on:click.prevent="saveJoiner()") {{$t("common.save")}}
      button.btn.btn-warning(v-if="joiner.email !== me.get('email') && !editing" type="button", v-on:click.prevent="editJoiner()") {{$t("teacher.edit_2")}}
  div.col-xs-2
    b
      button.btn.btn-danger(v-if="joiner.email !== me.get('email')" type="button", v-on:click.prevent="revokeTeacher(joiner)") {{$t("editor.delete")}}
